﻿{include file="common/head"/}
    <script src="/static/mobile/js/mui.min.js"></script>
    <link href="/static/mobile/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/pay_record.css"/>
    <script type="text/javascript" src="/static/mobile/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
    <link rel="stylesheet" href="/static/treeview/jquery.treeview.css" />
    <link rel="stylesheet" href="/static/treeview/red-treeview.css" />
    <link rel="stylesheet" href="/static/treeview/screen.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/button.css" />
    <script src="/static/treeview/lib/jquery.js" type="text/javascript"></script>
    <script src="/static/treeview/jquery.treeview.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            $("#tree").treeview({
                collapsed: true,
                animated: "medium",
                control:"#sidetreecontrol",
                persist: "location"
            });
        })

    </script>

    <style type="text/css">
        a:link {
            text-decoration: none;
        }
        a:visited {
            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }
        a:active {
            text-decoration: none;
        }
        h1,h2,h3,h4,h5,h6 {
            font-family: "trebuchet ms", verdana, arial;
        }
    </style>
</head>
<style>
    .node_name{
        display: inline-block;
        padding: 5px 10px;
        padding-right: 80px;
        background: #FFCC00;
        color: #fff;
    }
    #tree li {


    }
</style>
<body>
{include file="common/loginHead"/}
<style>
    .section2x{
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
    }
</style>
<div class="section2x mui-clearfix">
    <div id="sidetreecontrol"><a href="?#"><br />
        全部关闭</a> | <a href="?#">全部展开</a><br />
        <br />
    </div>

    <ul id="tree">
        <li id='tree_1' class='level0' tabindex='0' hidefocus='true' treenode=''>

            <a id='tree_1_a' class='level0' treenode_a='' onclick='' target='_blank' style=''>
                <span id='tree_1_span' class='node_name'>
                                <span class='tree_node' data-id='538' style='background-color:#FFCC00'>[0][538]<br>{$user.mobile}</span>
                            </span>
            </a>
            <?php
			echo tree($user['id']);
		?>
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" >
    mui('body').on( 'tap' , 'a' , function(){
        document.location.href=this.href;
    })
</script>


</html>